1 绕过浏览器缓存强制更新，可按Ctrl+F5刷新页面。参考绕过浏览器缓存 2 Chrome2.1 HTTP缓存F12 打开开发者工具，点开小齿轮，有一个”Disable Cache” 2.2 DNS缓存在地址栏输入: chrome://net-internals/#dns 点击Clear 3 Firefox3.1 开发者工具按F12 打开Firebug，切换到“网络”标...

1 参考资料 大公司里怎样开发和部署前端代码？ 前端性能优化指南 前端性能优化 前端技术的前后端分离思想 web高性能开发系列随笔 前端性能优化的14个规则 JavaScript 的性能优化：加载和执行 前端工程与性能优化 前端工程与性能优化 Web前端性能优化进阶路 web前端页面性能优化小结 前端各种优化

1 剪贴板操作使用脚本访问剪贴板会导致安全性问题，比如恶意脚本写入剪贴板内容，进行剪贴板投毒 或者 读取剪贴板内容发送到远程，导致用户隐私信息泄露 因此各大浏览器都对脚本访问剪贴板做了不同的限制，比如必须是用户操作（点击，菜单等）的响应才行。 目前有的较通用的剪贴板写入方案是利用透明的Flash，获取用户操作并通过浏览器Flash插件的方式访问系统剪贴板,用Flash插件...

1 问题来源iPhone中微信中打开页面，click隐藏fixed 弹层无效。 1.1 参考资料 web移动前端的click点透问题 在手持设备上使用 touchstart 事件代替 click 事件是不是个好主意？ touchend 事件在 iPhone 上过于灵敏，如何解决？ 指尖下的js ——多触式web前端开发之一：对于Touch的处理 iPhone开发中touc...

1 浏览器特性检测绝大部分通过User-Agent的检测方式已经一去不复返了，越来越分不清楚了；特性检测成为现有的JS类库推行的方式，将浏览器分为支持W3C标准的现代浏览器和非标准浏览器。下面看看一些特性的坑： 1.1 document.all执行代码： console.log(document.all,typeof document.all,!!document.all...

1 由来一个数据list，展示数据概要，然后通过点击编辑弹层展示数据详情的表单，是web开发中一个很常见的交互场景。 在这个场景中，涉及到整个表单值的存和整个表单值的取，当然这只是一个聚合结果，更细一步说，其实就是每个表单元素的值的存取。 2 实现方式2.1 基本类结构于是我们可以定义如下一个类： function BaseFormDataAccessor(config)...

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960main { position: absolute; top: 50%; left: 50%; margin-top:...

1 布局方式1.1 静态/固定布局站点使用固定的宽度（通常是像素宽度），改变浏览器的宽度或者用不同的设备上查看站点的展示效果一样，这会在小屏设备上引入横向滚动条，对移动设备体验不友好。 1.1.1 优势 设计简单，维护方便 不用考虑图片的尺寸问题 1.1.2 劣势 在大屏设备上会有大量白边 不适应不同的设备，对用户不友好，不利于搜索引擎优化 1.2 流式布局站点使用百...

参考资料 页面可视化搭建工具技术要点 页面可视化搭建工具技术要点 页面可视化搭建工具前生今世 页面可视化搭建工具前生今世 page-pipeline vue-form-making vue-form-generator 飞冰 ice lab 云凤蝶 Vue+ElementUI实现表单动态渲染、可视化配置的方法 form-create form-create angular...

相关通用属性（不兼容的就不用了）关于事件属性Event.screenX, Event.screenY相对于屏幕左上角的x,y坐标值，所有的鼠标事件都有定义 Event.clientX,Event.clientY相对于客户端左上角的x,y坐标值（不考虑滚动条），所有的鼠标事件都有定义 Event.Touch screenX，screenY 相对于屏幕左上角的坐标 clien...